<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>
    <style>
    .contract * {
        box-sizing: border-box;
    }

    .contract {
        margin: 0;
        padding: 0;

        color: #666;
        background-color: rgb(229, 241, 248);
    }

    .contract ul {
        float: left;

        margin: 0;
        margin-bottom: 8px;
        border-bottom: 1px solid LightGrey;
        padding-left: 0;
        width: 100%;

        background-color: #fff;
    }

    .contract ul:last-of-type {
        margin-bottom: 0;
    }

    .contract .contract-info .header,
    .contract .CONTRACT_HT .header {
        display: flex;

        align-items: center;

        border-top: 1px solid LightGrey;
        border-bottom: 1px solid LightGrey;
        padding: 10px;
        width: 100%;
        height: 50px;
    }

    .contract .contract-info .header .icon,
    .contract .CONTRACT_HT .header .icon {
        margin-left: 10px;
        width: 30px;
        height: 30px;
    }

    .contract .contract-info .header .title,
    .contract .CONTRACT_HT .header .title {
        margin-left: 5px;
        color: #4E4E4E;
        font-size: 16px;
        line-height: 50px;
    }

    .contract .contract-info .contract-content {
        display: inline-block;

        padding: 3px 20px;
        width: 100%;

        font-size: 16px;
    }

    .contract .contract-info .contract-content .content-left {
        float: left;
        color: #3A86E8;
    }

    .contract .contract-info .contract-content .content-right {
        float: right;
        color: #666666;
    }

    .contract .CONTRACT_HT .contract-content {
        float: left;

        list-style: none;

        margin-left: 2.5%;
        width: 30%;
    }

    .contract .CONTRACT_HT .contract-content img {
        display: inline-block;

        width: 100%;
        height: 100%;
    }
    </style>

</head>
<div class="contract">
    <!-- 项目基本信息 -->
    <ul class="contract-info">
        <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0;background-color: #E5EEF5"></div>
        <li class="header contract-info-header">
            <img class="icon" src="img/check-title-icon.png">
            <span class="title">签订信息</span>
        </li>
        <li class="contract-content">
            <span class="content-left">客户名称</span>
            <span class="content-right" id="customerName__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">客户联系人</span>
            <span class="content-right" id="contacts__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">所属地区</span>
            <span class="content-right" id="regionCode__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">详细地址</span>
            <span class="content-right" id="address__contract"></span>
        </li>

        <li class="contract-content">
            <span class="content-left">收货地址</span>
            <span class="content-right" id="receiveAddress__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">收货联系人</span>
            <span class="content-right" id="receiveContacts__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">联系人电话</span>
            <span class="content-right" id="phone__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">合同金额</span>
            <span class="content-right" id="amount__contract"></span>
        </li>
        <li class="contract-content">
            <span class="content-left">签订日期</span>
            <span class="content-right" id="contractDate__contract"></span>
        </li>
    </ul>

    <!-- 合同照片 -->
    <ul class="CONTRACT_HT">
        <li class="header contract-pic-header">
            <img class="icon" src="img/icon-pic-2.png">
            <span class="title">合同照片</span>
        </li>
    </ul>
    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>

    <script type="text/javascript-lazy" src="js/projectTrackHtml/contract.js"></script>
</div>
